body{
    margin:0;
    padding:0;
    background:url("../images/bg.gif");
    /*background:#333;*/
    /*background-color: rgba(0,0,0,0.5);*/


}

/*----------顶部导航开始------------------------*/
/*当屏幕为移动端时，显示在基本信息与登录之间加一条分隔线*/
@media screen  and (max-width: 768px){
    .login{
        border-top:1px solid #cccccc;
    }
}


.basicInfo{
    font-weight: 800;
}

li.current{
    font-weight: 600;
    background-color: #333;
}

.myNav{
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 99.9%;
    z-index: 10;
    border-radius: 0;
    border-left:none;
    border-right:none;
    margin: 0 auto;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #FFFFFF;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #333;
    color: #FFFFFF;
}
.dropdown-menu{
    background-color: #333333;
    color: #FFFFFF;
}
.dropdown-menu>li>a{
    color: #FFFFFF;
}
.navbar-brand{
    padding: 15px 30px;
}

/*----------顶部导航结束------------------------*/


/*简历内容开始*/
body .txt{
    margin:80px 0;
    font-size:16px;
    text-align:center;
}
.dowebok{
    margin:0 auto;
    width: 99.9%;

}
.dowebok ul{
    list-style-type:none;
}
.dowebok .row{
    font-size:0;
    text-align:center;
}
.dowebok .wow{
    display:inline-block;
    width:280px;
    height:280px;
    margin:30px 15px 0;
    border-radius:50%;
    font:30px/280px "Microsoft Yahei";
    vertical-align:top;
    *display:inline;
    zoom:1;
}

.bg-green{background:#5bd5a0;}
.bg-blue{background:#1daee9;}
.bg-purple{background:#c843a5;}
.bg-red{background:#eb3980;}
.bg-yellow{background:#ffcc35;}

/*简历内容共用*/
.dowebok .wow .basicConfig{
    font-size: 18px;
    line-height: 30px;
}
.dowebok .wow .basicConfig ul{

    text-align: left;
    color:#FFFFFF;
    opacity: 0.8;
}
.dowebok .wow .basicConfig li{

}
.dowebok .wow .basicConfig li:nth-of-type(1){
    margin-top:20px;
}

.dowebok .wow a{
    color: #000000;
}
.dowebok .wow h3{
    color: #000000;
}

.dowebok .wow #jobDetailOne,.dowebok .wow #jobDetailTwo{
    color: blue;
}

/*求职意向*/
.dowebok .wow .jobWant li{
    margin-left:-10px;
}

/*工作经验*/
.dowebok .wow .jobExperience li{

}
.dowebok .wow .jobExperience li:nth-of-type(1){
    margin-top:0;
}
.dowebok .wow .jobExperience li .jobDetail{
    display: none;
}

.jobDetail{
    width: 75%;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 20px;
    padding-left: 20px;
    padding:8px 0 10px;
    color: #FFFFFF;


}
.jobDetail h3{
    /*background: linear-gradient(left , #ace, #f96, #ace, #f96, #ace);*/
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left top, #ace, #f96, #ace, #f96, #ace);
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(#ace), color-stop(0.25, #f96), color-stop(0.5, #ace), color-stop(0.75, #f96), to(#ace));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #ace, #f96, #ace, #f96, #ace);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #ace, #f96, #ace, #f96, #ace);
    /*IE*/
    background: linear-gradient(to right,#ace 20%, #f96 40%, #ace 60%, #f96 80%,#ace 100%);
    border-radius: 10px;
    padding: 5px 5px;
    color: #000000;
    line-height: 30px;
    
    animation: backgroundMove 2s linear infinite;
    -webkit-animation: backgroundMove 2s linear infinite;
}

@keyframes backgroundMove {
    from{
        background-position: 0 0;
    }to{
        background-position: -500px 0;
         }
}

@-webkit-keyframes backgroundMove {
    from{
        background-position: 0 0;
    }to{
             background-position: -500px 0;
     }
}

#jobOne_detail{
    margin-top: 100px;
}
#jobTwo_detail{
    margin-top: 0;

}

/*专业技能*/
.dowebok .wow .jobSkills div{
    height: 190px;
    overflow: hidden;
    width: 230px;
}
.dowebok .wow .jobSkills ul {

    animation: moveUl 14s 2s linear infinite;
    -webkit-animation: moveUl 14s 2s linear infinite;
    -o-animation: moveUl 14s 2s linear infinite;
    -moz-animation: moveUl 14s 2s linear infinite;
    margin-left:10px;
}
/*当鼠标放在ul上时，停止播放专业技能动画*/
.dowebok .wow .jobSkills ul:hover{
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
/*专业技能动画*/
@keyframes moveUl {
    from{
        margin-top: 0;
    }to{
        margin-top: -480px;
     }
}
@-webkit-keyframes moveUl {
    from{
        margin-top: 0;
    }to{
         margin-top: -480px;
     }
}
@-o-keyframes moveUl {
    from{
        margin-top: 0;
    }to{
         margin-top: -480px;
     }
}

.dowebok{
    padding-top: 50px;
}



/*简历内容结束*/

/*项目详细内容开始*/
#project_details>div>ul{
    display: none;
}

#project_details>div>h4{
    line-height: 30px;
    background-color: lightblue;
    border-radius: 20px;
    padding-left: 20px;
    color: #7a43b6;
    font-weight: 600;
    padding: 0 10px;
}
#project_details>div>h4:hover{
    cursor: pointer;

}
/*项目详细内容结束*/

/*---------------个人作品开始-------------*/
#myProducts ul{
    padding:0;
    width: 95%;
    margin: 0 auto;

}
#myProducts{
    margin-bottom: 100px;
}
#myProducts li{
    float: left;
    list-style: none;
    border: 2px solid #cccccc;
    padding:0;

}

#myProducts li>a{
    width: 100%;
    background-color: lightgreen;
    display: block;
    text-decoration: none;
    line-height: 150px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}



/*个人作品高亮效果*/
#myProducts:hover li {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#myProducts:hover a {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#myProducts li:hover a {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*个人作品高亮效果*/

/*---------------个人作品结束-------------*/


/*-------------音乐播放器开始---------*/
audio{
    margin: 0 auto;
    display: block;
    width: 500px;
}
/*-------------音乐播放器结束---------*/

